
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-card-header">
                &nbsp;&nbsp;&nbsp;
                    <button class="layui-btn  layui-btn-normal layuiadmin-btn-tags" style="float:right;" data-type="add">添加</button>
            </div>

            <blockquote class="layui-elem-quote layui-quote-nm">
                1、默认佣金比例采用分销设置规则<br />
                2、特殊用户佣金比例调整需要在用户佣金页面添加进行修改；
                <br>——也就是在本页面进行添加或调整
            </blockquote>
            <table id="LAY-agentuser-list" lay-filter="LAY-agentuser-list"></table>
        </div>
    </div>
</div>
<script src="../../../layuiadmin/layui/layui.js"></script>
<script type="text/html" id="nameTpl">
    {{d.Nickname||''}}
    {{#  if(d.ShopNameShopNamenull&&d.AffiliateId!=""){ }}
    &nbsp;&nbsp; 名称【{{d.ShopName}}】
    {{#  } }}
</script>
<script>
    layui.config({
        base: '../../../layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index','table'], function () {
    var index = layer.load(2, { shade: false });
        var table = layui.table;
        //分类管理
        table.render({
            elem: '#LAY-agentuser-list'
            , url: '@Html.Raw(Url.Action("AgentUser"))' //模拟接口
            ,method:'post'
            , page: true //开启分页
            , even: true
            , limit: 15
            , limits: [15,30,50,100]
            , cols: [[
                { type: 'numbers', fixed: 'left' }
                , { field: 'CustomerId', width: 120, title: 'ID' }
                , { field: 'ShopName', title: '名称', minWidth: 100, templet: '#nameTpl' }
                , { field: 'PhoneNumber', title: '手机', minWidth: 100 }
                , { field: 'Rate', edit: 'text', title: '一级佣金(%)', width: 150 }
                , { field: 'ParentRate', edit: 'text', title: '二级佣金(%)', width: 150 }
                , { field: 'CreateTime',  title: '创建时间', width: 180 }
            ]]
            , text: { none: '一条数据也没有^_^' }
            , done: function () {
                layer.close(index);
            }
        });

        //监听搜索
        layui.form.on('submit(LAY-agentuser-list)', function (data) {
            var field = data.field;
            //执行重载
            table.reload('testReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                , where: field
            }, 'data');
        });
        
        //监听单元格编辑
        table.on('edit(LAY-agentuser-list)', function (obj) {
            var value = obj.value //得到修改后的值
                , data = obj.data //得到所在行所有键值
                , field = obj.field; //得到字段
            $.post('@Url.Action("UserUpdate")', { customerId: data.CustomerId, rate: obj.data.Rate, parentrate: obj.data.ParentRate });
        });

        var $ = layui.$, active = {
            add: function () {
                layer.open({
                    type: 2
                    , title: '编辑'
                    , content: '@Url.Action("AgentUserEdit")'
                    , area: ['600px', '500px']
                    , btn: ['确定', '取消']
                    , yes: function (index, layero) {
                        //点击确认触发 iframe 内容中的按钮提交
                        var submit = layero.find('iframe').contents().find("#layuiadmin-app-form-submit");
                        submit.click();
                    }
                });
            }
        }

        $('.layui-btn.layuiadmin-btn-tags').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
</script>
